﻿<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame 
       Remove this if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>@Page.Title</title>
    <meta name="description" content="" />
    <meta name="author" content="" />

    <!--  Mobile viewport optimized: j.mp/bplateviewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

    <!-- CSS : implied media="all" -->
    @* More info about SquishIt from http://www.codethinked.com/squishit-the-friendly-aspnet-javascript-and-css-squisher *@
    @Html.Raw(SquishIt.Framework.Bundle.Css()
            .Add("~/css/site.css")
            .Add("~/css/foundation.css")


            //.ForceRelease() // Test it out with minification
    .Render("~/css/style_#.css"))
    @RenderSection("HeadContent", false)

    <!-- More ideas for your <head> here: h5bp.com/docs/#head-Tips -->

    <!-- All JavaScript at the bottom, except for Modernizr and Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
    <script src="@Url.Content("~/js/libs/modernizr-2.0.min.js")"></script>
    <script src="@Url.Content("~/js/libs/respond.min.js")"></script>
</head>

<body>
    <div id="container">
        <!-- Header and Nav -->
        <header>
            <div class="row">
                <div class="three columns">
                    <h1>Sandbox</h1>
                </div>
                <div class="nine columns">
                    <ul class="nav-bar right">
                        <li><a href="#" data-filter=".all">Home</a></li>
                        <li><a href="#" data-filter=".projects">Projects</a></li>
                        <li><a href="#" data-filter=".about">About</a></li>
                        <li class="last"><a href="#" data-filter=".contact">Contact</a></li>
                    </ul>
                </div>
            </div>
        </header>
        <!-- End Header and Nav -->

        <div id="main" role="main">
            @RenderBody()
        </div>

        <!-- Footer -->

        <footer class="row">
            <div class="twelve columns">
                <hr />
                <div class="row">
                    <div class="six columns">
                        <p>&copy; Copyright no one at all. Go to town.</p>
                    </div>
                    <div class="six columns">
                        <ul class="link-list right">
                            <li><a href="#">Link 1</a></li>
                            <li><a href="#">Link 2</a></li>
                            <li><a href="#">Link 3</a></li>
                            <li><a href="#">Link 4</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
    </div>
    <!--! end of #container -->

    <!-- JavaScript at the bottom for fast page loading -->

    <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
   

    @* Add other javascript files here if you want them squished on release *@
    @Html.Raw(SquishIt.Framework.Bundle.JavaScript()
                                     
                                     .Add("~/js/foundation.min.js")
                                     .Add("~/js/isotope.js")
                                     .Add("~/js/mcp.js")
                                     .Render("~/js/script_#.js"))

    

    <!-- ADDED: Page Level script sections -->
    @RenderSection("ScriptSection", false)

    <!--[if lt IE 7 ]>
    <script src="@Url.Content("~/js/libs/dd_belatedpng.js")"></script>
    <script>DD_belatedPNG.fix('img, .png_bg'); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
  <![endif]-->

    <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
    <!-- Commented out until you deploy -->
    @*<script>
      var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
      (function (d, t) {
          var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.async = 1;
          g.src = ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
          s.parentNode.insertBefore(g, s)
      } (document, 'script'));
  </script>*@
</body>
</html>



